<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./plugs/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="./css/public.css">
  <!-- 页面私有 -->
  <link rel="stylesheet" href="./css/login.css">
  <title>金诚立信</title>
</head>

<body>
  <div id="header">
    <div class="top">
      <div class="container">
        <div class="row">
          <div class="col-14">考证就到金诚立信，师资雄厚、实习机会多、考证通过率高！</div>
          <div class="col-10 text-right">2018-10-30 星期一 12:00</div>
        </div>
      </div>
    </div>
    <div class="logo">
      <div class="container">
        <div class="row">
          <div class="col-12"><img class="img-logo" src="images/logo.jpg" alt="金诚立信"></div>
          <div class="col-12 text-right logo-zixun">
            <img class="img-logo-phone" src="images/icon-phone.jpg" alt="电话">
            <span class="logo-phone-span align-middle">咨询电话： 010-89456286</span>
          </div>
        </div>
      </div>
    </div>
    <div class="menu">
      <div class="container position-relative">
        <ul class="nav nav-pills">
          <li class="nav-item">
            <a class="nav-link active" href="./index.html">首页</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./plan.html">课程安排</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./material.html">学习资料</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./revenue.html">税收筹划</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./feature.html">办学特色</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./school.html">学校动态</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./hire.html">就业推荐</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./statute.html">法规模块</a>
          </li>
        </ul>
        <div class="menu-right">
          <a class="menu-right-div menu-huiyuan" href="./user.html">会员中心</a>
          <a class="menu-right-div" href="#">金诚立信集团</a>
        </div>
      </div>
    </div>
  </div>

  <div id="main">
    <div class="container h-100">
      <div class="login bg-danger rounded mx-auto col-12 position-relative shadow-lg">
        <div class="login-img"><img src="./images/logo-bai.png" alt=""></div>
        <div class="login-item position-absolute rounded col-md-12">
          <div class="p-2">
            <div class="login-tit text-center h2 border-bottom pb-2 border-danger">会员登陆</div>
            <div>
              <form>
                <div class="form-group">
                  <label for="exampleInputEmail1">姓名</label>
                  <input type="email" class="form-control" placeholder="请填写真实姓名">
                </div>
                <div class="form-group">
                  <label for="exampleInputPassword1">密码</label>
                  <input type="password" class="form-control" placeholder="请填写密码">
                </div>
                <div class="form-group form-check">
                  <input type="checkbox" class="form-check-input" id="exampleCheck1">
                  <label class="form-check-label" for="exampleCheck1">记住密码</label>
                </div>
                <button type="submit" class="btn btn-danger btn-block">登录</button>
                <div class="login-link">
                  <a class="d-inline-block" href="./register.html">注册</a>
                  <a class="d-inline-block float-right" href="#">忘记密码</a>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="ab" class="d-none d-xl-block">
    <div class="ab-left position-fixed">
      <a href="./feature-item.html">
        <img src="./img/ab-1.png" alt="">
      </a>
      <button type="button" class="close position-absolute" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="ab-right position-fixed">
      <div class="ab-right-arpper">
        <div class="ab-right-tit"><span>会员财会咨询通道</span></div>
        <div class="ab-right-con mb-2">
          <div class="border-bottom border-danger mb-2"><span class="h5">客服QQ 1</span> <img src="./img/qq.png"></div>
          <div class="mb-2"><span class="h5">客服QQ 2</span> <img src="./img/qq.png"></div>
          <div class="row mb-2">
            <div class="col d-inline-block">
              <img class="img-fluid" src="./images/erweima.jpg" alt="">
            </div>
            <div class="col d-inline-block">
              <img class="img-fluid" src="./images/erweima.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
      <div id="btn_top" class="ab-right-uptop"><span>返回顶部</span></div>
    </div>
  </div>

  <div id="footer">
    <div class="foot-con">
      <div class="container">
        <div class="row">
          <div class="foot-con-left1 col-5">
            <a href="#" class="foot-com-top btn btn-danger">快速注册会员</a>
            <div class="border border-warning foot-con-left1-div">
              <div class="footer-left1-tit"><img src="./images/icon-zhi.png" alt=""> 量身定制课程</div>
              <input class="form-control" type="text" placeholder="请填写您的姓名">
              <input class="form-control" type="text" placeholder="请填写您的电话">
              <textarea class="form-control" placeholder="请填写您想学期的课程"></textarea>
              <input class="form-control btn btn-danger" type="text" value="提交">
            </div>
          </div>
          <div class="col-1 mx-auto">
            <div class="f-bk"></div>
          </div>
          <div class="foot-con-left2 col-6">
            <dl class="w-50 float-left foot-left2-blo">
              <dt><a href="#">关于金诚立信</a></dt>
              <dd><a href="#">课程安排</a></dd>
              <dd><a href="#">新闻中心</a></dd>
              <dd><a href="#">学校简介</a></dd>
              <dd><a href="#">学习资料</a></dd>
              <dd><a href="#">行业资讯</a></dd>
              <dd><a href="#">学校新闻</a></dd>
              <dd><a href="#">课程安排</a></dd>
            </dl>
            <dl class="w-50 float-left foot-left2-blo">
              <dt><a href="#">培训项目</a></dt>
              <dd><a href="#">初级职称</a></dd>
              <dd><a href="#">中级职称</a></dd>
              <dd><a href="#">税务师</a></dd>
              <dd><a href="#">财税班</a></dd>
              <dd><a href="#">注册会计师</a></dd>
              <dd><a href="#">会计实操班</a></dd>
              <dd><a href="#">会计全能班</a></dd>
            </dl>
          </div>
          <div class="col-1 mx-auto">
            <div class="f-bk"></div>
          </div>
          <div class="foot-con-left3 col-3 text-center">
            <p class="text-left h4 mb-4">联系我们</p>
            <p class="text-left  h5 mb-4">统一服务电话：<br>
              010-89456286</p>
            <img class="text-center" src="./images/erweima.jpg" alt="">
            <p class="text-center">微信公众号</p>
          </div>
          <div class="col-1 mx-auto">
            <div class="f-bk"></div>
          </div>
          <div class="foot-con-left2 col-7">
            <iframe src="./mapbaidu.html" frameborder="0" width="100%" height="270" scrolling="no" marginwidth="0"></iframe>
            <p class="h4">学校地址：北京市顺义区港鑫家园福景院1-101</p>
          </div>
        </div>
      </div>
    </div>
    <div class="foot-icp">
      <p class="text-center">北京市顺义区金诚立信培训学校版权所有 &emsp;&emsp; ICP备案号：鲁ICP备字123456号</p>
    </div>
  </div>


  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./plugs/stickUp-master/stickUp.min.js"></script>
  <script type="text/javascript">
    //initiating jQuery
    jQuery(function ($) {
      $(document).ready(function () {
        //enabling stickUp on the '.navbar-wrapper' class
        $('.menu').stickUp();

        //close
        $('.close').click(function () {
          $(this).parent().hide();
        })

        $(window).scroll(function () {
          if ($(window).scrollTop() >= 200) {
            $('#btn_top').fadeIn();
          } else {
            $('#btn_top').fadeOut();
          }
        });
        $("#btn_top").click(function () {
          if ($('html').scrollTop()) {
            $('html').animate({ scrollTop: 0 }, 1000);
            return false;
          }
          $('body').animate({ scrollTop: 0 }, 1000);
          return false;
        });
      });
    });
  </script>
  <!-- 页面私有 -->

</body>

</html>